﻿<div>
<div class="form-group">
    <div class="checkbox">
        <label>
            <input type="checkbox" v-model="fieldInfo.IsRequired"/>
            必填？
        </label>
    </div>
</div>
<div class="form-group">
    <label class="control-label" for="placeholder">占位文字</label>
    <input type="text" class="form-control" name="placeholder" id="placeholder" v-model="fieldInfo.Placeholder" />
</div>
<div class="form-group">
    <label class="control-label">输入框长度</label>
    <div>
        <div class="btn-group">
            <a class="btn btn-default btn-sm" :class="{disabled:fieldInfo.Size==1}" @click="fieldInfo.Size=1">窄</a>
            <a class="btn btn-default btn-sm" :class="{disabled:fieldInfo.Size==2}" @click="fieldInfo.Size=2">中等</a>
            <a class="btn btn-default btn-sm" :class="{disabled:fieldInfo.Size==3}" @click="fieldInfo.Size=3">宽</a>
            <a class="btn btn-default btn-sm" :class="{disabled:fieldInfo.Size==4}" @click="fieldInfo.Size=4">占满</a>
        </div>
    </div>
</div>
</div>